{% extends 'base.html' %}

{% block link %}
    <link rel="icon" href="{{ url_for('static', filename='images/favicon.ico') }}">
{% endblock %}

{% block header %}
    <!--页面头部-->
    <div id="header">
        <div class="container-fluid">
            <div class="col-md-12">
                <div class="header_left left">
                    <div class="address"><a>送至： 北京</a></div>
                </div>
                <ul class="right">
                    {% if session['user_id'] %}
                        <li>
                            {% if session['user_name'] != None %}
                                <a href="{{ url_for('userinfo.userinfo') }}"><span>Hi~，</span>{{ session['user_name'] }}
                                </a>
                            {% else %}
                                <a href="{{ url_for('userinfo.userinfo') }}"><span>Hi~，</span>您还为未命名</a>
                            {% endif %}
                        </li>
                    {% else %}
                        <li>
                            <a id="index_login" href="#">登录</a>
                        </li>
                    {% endif %}
                    <li><a href="{{ url_for('products.cart') }}">购物车</a></li>
                    <li><a href="{{ url_for('orders.get_orders') }}"> 我的订单</a> </li>
                    <li><a href="{{ url_for('admin.admin') }}">后台管理</a></li>
                    <li class="{% if not session['user_id'] %}customer_s{% endif %}"><a
                            href="{{ url_for('building.building') }}">客户服务</a></li>
                    {% if session['user_id'] %}
                        <li class="customer_s"><a href="{{ url_for('user_login_register.logout') }}">退出登录</a></li>
                    {% endif %}
                </ul>
            </div>
        </div>
    </div>
{% endblock %}

<!--导航栏-->
{% block nav %}
    <div id="nav" class="container-fluid">
        <div class="container-fluid" ng-controller="Hello">
            <div class="logo left">
                <img src="{{ url_for('static', filename='images/logo.jpg') }}"/>
            </div>
            <div class="col-md-offset-1 search_kw left">
                <form class="navbar-form navbar-right" action="{{ url_for('products.search') }}" method="get">
                    <input type="text" class="form-control"
                           value="{% if key_word and search %}{{ key_word }}{% endif %}"
                           name="word" placeholder="请输入搜索关键字...">
                    <input type="submit" class="form-control" value="搜  索">
                </form>
            </div>
            <div class="right book_type_nav">
                <ul class="right ">
                    <li><a href="{{ url_for('index') }}">首页</a></li>
                    <li ng-repeat="type in types"><a
                            href="/get_nav_data?book_type={{ '{{type}}' }}">{{ '{{type}}' }}</a></li>
                </ul>
            </div>
        </div>
    </div>
{% endblock %}

{% block servers %}
    <!--页面服务-->
    <div class="container">
        <div id="serve">
            <ul>
                <li>
                    <dl>
                        <dt><img src="{{ url_for('static', filename='images/zheng.png') }}"></dt>
                        <dd class="dd1">正规渠道</dd>
                        <dd class="dd2">正品保障</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt><img src="{{ url_for('static', filename='images/zheng.png') }}"></dt>
                        <dd class="dd1">正规渠道</dd>
                        <dd class="dd2">正品保障</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt><img src="{{ url_for('static', filename='images/zheng.png') }}"></dt>
                        <dd class="dd1">正规渠道</dd>
                        <dd class="dd2">正品保障</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt><img src="{{ url_for('static', filename='images/zheng.png') }}"></dt>
                        <dd class="dd1">正规渠道</dd>
                        <dd class="dd2">正品保障</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt><img src="{{ url_for('static', filename='images/zheng.png') }}"></dt>
                        <dd class="dd1">正规渠道</dd>
                        <dd class="dd2">正品保障</dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
    <!--售后服务-->
    <div class="container">
        <div id="after_sale">
            <ul>
                <li>
                    <ol>
                        <li><a href="{{ url_for('building.building') }}">关于我们</a></li>
                        <li><a href="{{ url_for('building.building') }}">关于图书</a></li>
                        <li><a href="{{ url_for('building.building') }}">新闻中心</a></li>
                        <li><a href="{{ url_for('building.building') }}">人才招聘</a></li>
                    </ol>
                </li>
                <li>
                    <ol>
                        <li><a href="{{ url_for('building.building') }}">关于我们</a></li>
                        <li><a href="{{ url_for('building.building') }}">关于图书</a></li>
                        <li><a href="{{ url_for('building.building') }}">新闻中心</a></li>
                        <li><a href="{{ url_for('building.building') }}">人才招聘</a></li>
                    </ol>
                </li>
                <li>
                    <ol>
                        <li><a href="{{ url_for('building.building') }}">关于我们</a></li>
                        <li><a href="{{ url_for('building.building') }}">关于图书</a></li>
                        <li><a href="{{ url_for('building.building') }}">新闻中心</a></li>
                        <li><a href="{{ url_for('building.building') }}">人才招聘</a></li>
                    </ol>
                </li>
                <li>
                    <ol>
                        <li><a href="{{ url_for('building.building') }}">关于我们</a></li>
                        <li><a href="{{ url_for('building.building') }}">关于图书</a></li>
                        <li><a href="{{ url_for('building.building') }}">新闻中心</a></li>
                        <li><a href="{{ url_for('building.building') }}">人才招聘</a></li>
                    </ol>
                </li>
                <li>
                    <ol>
                        <li><span class="xl"></span> <a href="{{ url_for('building.building') }}">新浪微博</a></li>
                        <li><span class="tx"></span><a href="{{ url_for('building.building') }}">腾讯微博</a></li>
                        <li><span class="rr"></span><a href="{{ url_for('building.building') }}">人人网</a></li>
                        <li><span class="qq"></span><a href="{{ url_for('building.building') }}">QQ空间</a></li>
                    </ol>
                </li>
                <li>
                    <ol>
                        <li><a href="{{ url_for('building.building') }}">关于我们</a></li>
                        <li><a href="{{ url_for('building.building') }}">关于图书</a></li>
                        <li><a href="{{ url_for('building.building') }}">新闻中心</a></li>
                        <li><a href="{{ url_for('building.building') }}">人才招聘</a></li>
                    </ol>
                </li>
            </ul>
        </div>
    </div>
{% endblock %}

<!--页面底部-->
{% block footer %}
    <div id="footer">
        <div class="container-fluid">
            <ul>
                <li><img src="{{ url_for('static', filename='images/logo.jpg') }}"></li>
                <li><span>@2017-2021  贺州市</span></li>
                <li><a class="footer_last_li" href="{{ url_for('building.building') }}" target="_blank">版权说明</a></li>
                <li><a href="{{ url_for('building.building') }}" target="_blank">版权说明</a></li>
                <li><a href="https://beian.miit.gov.cn" target="_blank">桂ICP备2021002746号</a></li>
{#                <li><a href="https://beian.miit.gov.cn">桂ICP备2021002746号</a></li>#}
            </ul>
        </div>
    </div>
{% endblock %}